<template>
	<view class="home-list">
		<div class="item" v-for="(item, index) in list" :key="index">
			<titleCom :title='item.category_name' showMore></titleCom>
			<banner :list='item.images' v-if="item.images.length>=1"></banner>
			<gridList :list='item.content'></gridList>
		</div>
	</view>
</template>

<script>
	import titleCom from '@/components/custom/title.vue'
	import banner from '@/components/custom/banner.vue'
	import gridList from '@/components/custom/gridList.vue'
	export default {
		props: {
			list: {
				type: Array,
				require: true,
			},
		},
		components: {
			titleCom,
			banner,
			gridList,
		},
		data() {
			return {

			}
		},
		methods: {

		},
	}
</script>

<style lang="scss" scoped>
	.home-list {
		background-color: #fff;
		padding-bottom: 20px;

		.item {
			padding-top: 20px;
		}
	}
</style>